const path = require('path')
function resolve(dir) {
    return path.join(__dirname, dir)
}

module.exports = {
    chainWebpack: config => {
        config.resolve.alias
            .set("@", resolve('src'))
            .set("common", resolve('src/common'))
        config.resolve.extensions //不需要添加.vue后缀就可以引用到了
            .add('.js')
            .add('.vue')
            .add('.css')
    },
    // 另一种写法
    // configureWebpack:{
    //     resolve:{
    //         alias:{
    //             "assets":"@/assets",
    //             "views":"@/views",
    //             "common":"@/common"
    //         }
    //     }
    // }

    devServer: {        
        port: 8800,
        open: true,
        proxy: {
            /**
             *  ① 发请求时直接写成/api即可。(/api/teacher/123456789)
             *  ② pathRewrite会自动将 /api 变为空。
             *  ③ 最终请求地址变为： http://139.9.182.245/teacher/123456789
            */
            '/api': {
				target: 'http://139.9.182.245',
                changeOrigin: true,
                pathRewrite:{
                    "^/api":""  
                } 
            }
        }
    }
}